<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta content="text/html; charset=utf-8"></meta>
        <title>Sketch UML</title>
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="./js/plugins/jquery.min.js"></script>
        <script type="text/javascript" src="./js/plugins/jquery.cssRotate.js"></script>
        <script type="text/javascript" src="./js/plugins/jquery-ui-1.8.18.custom.min.js"></script>
        <script type="text/javascript" src="./js/app.js"></script>
        <script type="text/javascript" src="./js/app.methods.js"></script>
        <script type="text/javascript" src="./js/objects/id.js"></script>
        <script type="text/javascript" src="./js/objects/links.js"></script>
    </head>
    <body>
        <div id="polygon">
            <div id="control-panel">
                <div id="link-edit">
                    <ul class="unit2 arrows">
                        <li class="empty"></li>
                        <li class="a_left active"></li>
                        <li class="b_left"></li>
                        <li class="c_left"></li>
                        <li class="d"></li>
                        <li class="i"></li>
                        <li class="f"></li>
                    </ul>
                    <input class="unit2 multi" />
                    <input class="unit2 text" />
                    <ul class="line">
                        <li class="line_a"></li>
                        <li class="active line_b"></li>
                    </ul>
                    <input class="unit1 text" />
                    <input class="unit1 multi" />
                    <ul class="unit1 arrows">
                        <li class="empty"></li>
                        <li class="a_right"></li>
                        <li class="b_right"></li>
                        <li class="c_right active"></li>
                        <li class="d"></li>
                        <li class="i"></li>
                        <li class="f"></li>
                    </ul>
                    <a class="ok" title="Update" href="#"><img width="20" height="20" src="./img/icons/check32.png" /></a>
                </div>
            </div>
            <div id="workspace"></div>
            <span id="version">0.1</span>
        </div>
        <!-- Стандартный объект класса start -->
        <div id="unit-default" class="unit" style="display: none">
            <div class="body">
                <h1 class="name editable" state="view"><span class="value">Name</span><input class="edit" value="" /></h1>
                <ul class="attributes">
                    <li class="attribute editable" state="view"><span class="value">attribute</span><input class="edit" value="" /></li>
                    <li class="add"></li>
                </ul>
                <ul class="methods">
                    <li class="method editable" state="view"><span class="value">method()</span><input class="edit" value="" /></li>
                    <li class="add"></li>
                </ul>
            </div>
            <div class="control" style="display: none">
                <div class="dummy">
                    <a href="#" class="delete" title="Delete"><img src="./img/icons/stop16.png" /></a>
                    <a href="#" class="bind sep" title="Bind"><img src="./img/icons/bind16.png" /></a>
                </div>
            </div>
        </div>
        <!-- Стандартный объект класса end -->
    </body>
</html>
